<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>Adminox - Responsive Web App Kit</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description">
		<meta content="Coderthemes" name="author">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!-- App favicon -->
		<link rel="shortcut icon" href="assets/images/favicon.ico">
		<!-- App css -->
		<link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
		<link href="assets/css/icons.css" rel="stylesheet" type="text/css">
		<link href="assets/css/metismenu.min.css" rel="stylesheet" type="text/css">
		<link href="assets/css/style.css" rel="stylesheet" type="text/css">
		<script src="assets/js/modernizr.min.js"></script>
	</head>

	<body>
		<!-- Begin page -->
		<div id="wrapper">
			<!-- Top Bar Start -->
			<div class="topbar">
				<!-- LOGO -->
				<div class="topbar-left">
					<a href="index1.html" class="logo"> <span> <img src="assets/images/logo.png" alt="" height="25"> </span> <i> <img src="assets/images/logo_sm.png" alt="" height="28"> </i> </a>
				</div>
				<nav class="navbar-custom">
					<ul class="list-inline float-right mb-0">
						<li class="list-inline-item dropdown notification-list">
							<a class="nav-link dropdown-toggle arrow-none waves-light waves-effect" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false"> <i class="dripicons-bell noti-icon"></i> <span class="badge badge-pink noti-icon-badge">4</span> </a>
							<div class="dropdown-menu dropdown-menu-right dropdown-arrow dropdown-lg" aria-labelledby="Preview">
								<!-- item-->
								<div class="dropdown-item noti-title">
									<h5><span class="badge badge-danger float-right">5</span>Notification</h5>
								</div>
								<!-- item-->
								<a href="javascript:void(0);" class="dropdown-item notify-item">
									<div class="notify-icon bg-success">
										<i class="icon-bubble"></i>
									</div>
									<p class="notify-details">Robert S. Taylor commented on Admin<small class="text-muted">1 min ago</small></p>
								</a>
								<!-- item-->
								<a href="javascript:void(0);" class="dropdown-item notify-item">
									<div class="notify-icon bg-info">
										<i class="icon-user"></i>
									</div>
									<p class="notify-details">New user registered.<small class="text-muted">1 min ago</small></p>
								</a>
								<!-- item-->
								<a href="javascript:void(0);" class="dropdown-item notify-item">
									<div class="notify-icon bg-danger">
										<i class="icon-like"></i>
									</div>
									<p class="notify-details">Carlos Crouch liked <b>Admin</b><small class="text-muted">1 min ago</small></p>
								</a>
								<!-- All-->
								<a href="javascript:void(0);" class="dropdown-item notify-item notify-all"> View All </a>
							</div>
						</li>
						<li class="list-inline-item dropdown notification-list">
							<a class="nav-link dropdown-toggle waves-effect waves-light nav-user" data-toggle="dropdown" href="#" role="button" aria-haspopup="false" aria-expanded="false"> <img src="assets/images/users/avatar-1.jpg" alt="user" class="rounded-circle"> </a>
							<div class="dropdown-menu dropdown-menu-right profile-dropdown " aria-labelledby="Preview">
								<!-- item-->
								<div class="dropdown-item noti-title">
									<h5 class="text-overflow"><small>Welcome ! John</small> </h5>
								</div>
								<!-- item-->
								<a href="javascript:void(0);" class="dropdown-item notify-item"> <i class="zmdi zmdi-account-circle"></i> <span>Profile</span> </a>
								<!-- item-->
								<a href="javascript:void(0);" class="dropdown-item notify-item"> <i class="zmdi zmdi-settings"></i> <span>Settings</span> </a>
								<!-- item-->
								<a href="javascript:void(0);" class="dropdown-item notify-item"> <i class="zmdi zmdi-lock-open"></i> <span>Lock Screen</span> </a>
								<!-- item-->
								<a href="javascript:void(0);" class="dropdown-item notify-item"> <i class="zmdi zmdi-power"></i> <span>Logout</span> </a>
							</div>
						</li>
					</ul>
					<ul class="list-inline menu-left mb-0">
						<li class="float-left"> <button class="button-menu-mobile open-left waves-light waves-effect"> <i class="dripicons-menu"></i> </button> </li>
						<li class="hide-phone app-search">
							<form role="search" class="">
								<input type="text" placeholder="Search..." class="form-control">
								<a href=""><i class="fa fa-search"></i></a>
							</form>
						</li>
					</ul>
				</nav>
			</div>
			<!-- Top Bar End -->
			<!-- ========== Left Sidebar Start ========== -->
			<div class="left side-menu">
				<div class="slimscroll-menu" id="remove-scroll">
					<!-- Sidemenu -->
					<div id="sidebar-menu">
						<!-- Left Menu Start -->
						<ul class="metismenu" id="side-menu">
							<li>
								<a href="#"> <i class="fi-air-play"></i><span> 单位申报入口 </span> </a>
								<a href="#"> <i class="fi-air-play"></i><span> 问题咨询 </span> </a>
								<a href="#"> <i class="fi-air-play"></i><span> 更改密码 </span> </a>
								
							</li>

						</ul>
					</div>
					<!-- Sidebar -->
					<div class="clearfix"></div>
				</div>
				<!-- Sidebar -left -->
			</div>
			<!-- Left Sidebar End -->
			<!-- ============================================================== -->
			<!-- Start right Content here -->
			<!-- ============================================================== -->
			<div class="content-page">
				<!-- Start content -->
				<div class="content">
					<div class="container-fluid">
						<div class="row">
							<div class="col-12">
								<div class="page-title-box">
									<h4 class="page-title float-left">Tabs</h4>
									<ol class="breadcrumb float-right">
										<li class="breadcrumb-item">
											<a href="#">Adminox</a>
										</li>
										<li class="breadcrumb-item">
											<a href="#">UI Kit</a>
										</li>
										<li class="breadcrumb-item active">Tabs</li>
									</ol>
									<div class="clearfix"></div>
								</div>
							</div>
						</div>

						<div class="row">
							<div class="col-md-12">
								<div class="card-box">
									<ul class="nav nav-tabs tabs-bordered">
										<li class="nav-item">
											<a href="#home-b1" data-toggle="tab" aria-expanded="false" class="nav-link active"> 单位申报向导 </a>
										</li>
									</ul>
									<div class="tab-content">
										<div class="tab-pane fade show active" id="home-b1">
											<div class="p-20">

												<div class="col-12">
													<img class="icon-colored" style="margin: 1rem;" src="assets/images/icons/document.svg" title="document.svg"> 确认单位基本资料
													<img class="icon-colored" style="margin: 1rem;" src="assets/images/icons/right.svg" title="right.svg">
													<img class="icon-colored" style="margin: 1rem;" src="assets/images/icons/todo_list.svg" title="todo_list.svg"> 登记单位职工资料
													<img class="icon-colored" style="margin: 1rem;" src="assets/images/icons/right.svg" title="right.svg">
													<img class="icon-colored" style="margin: 1rem;" src="assets/images/icons/survey.svg" title="survey.svg"> 登记单位在职残疾人资料
													<img class="icon-colored" style="margin: 1rem;" src="assets/images/icons/right.svg" title="right.svg">
													<img class="icon-colored" style="margin: 1rem;" src="assets/images/icons/fine_print.svg" title="fine_print.svg"> 确认单位申报资料
													<img class="icon-colored" style="margin: 1rem;" src="assets/images/icons/right.svg" title="right.svg">
													<img class="icon-colored" style="margin: 1rem;" src="assets/images/icons/inspection.svg" title="inspection.svg"> 提交申报资料
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

							<!-- end col -->
						</div>
						<div class="row">
							<div class="col-12">
								<div class="card-box ribbon-box">
									<div class="ribbon ribbon-custom">系统信息</div>
									<p class="m-b-0">
									<ul>
										<li><p>进入左侧单位申报入口，按照单位申报向导，完成单位资料申报</p></li>
										<li><p>第一步：单位资料确认，用户可对相关信息进行更改。</p></li>
										<li><p>第二步：登记单位职工资料和单位在职残疾人资料。若本单位暂无残疾人，直接点击下一步，进入第三步。</p></li>
										<li><p>第三步：检查本单位所登记的单位职工资料和单位在职残疾人资料，确认无误后，提交申报资料。</p></li>
									</ul>		
									</p>
								</div>
							</div>

							<div class="col-12">
								<div class="card-box ribbon-box">
									<div class="ribbon ribbon-primary">操作流程</div>
									<p class="m-b-0">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas mattis dui. Aliquam mattis dictum aliquet. Nulla sapien mauris, eleifend et sem ac, commodo dapibus odio.</p>
								</div>
							</div>

							<div class="col-6">
								<div class="card-box ribbon-box">
									<div class="ribbon ribbon-success">帮助中心</div>
									<p class="m-b-0">Quisque nec turpis at urna dictum luctus. Suspendisse convallis dignissim eros at volutpat. In egestas mattis dui. Aliquam mattis dictum aliquet. Nulla sapien mauris, eleifend et sem ac, commodo dapibus odio.</p>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-md-12">
								<div class="card-box">
									<form id="default-wizard">
										<fieldset title="1">
											<legend> 确认单位基本资料 </legend>
											<div class="row m-t-20">
												<div class="col-sm-6">
													<div class="form-group">
														<label for="firstname">First Name</label>
														<input type="text" class="form-control" id="firstname" placeholder="">
													</div>
													<div class="form-group">
														<label for="username">User Name</label>
														<input type="text" class="form-control" id="username" placeholder="">
													</div>
													<div class="form-group">
														<label for="password">Password</label>
														<input type="password" class="form-control" id="password" placeholder="">
													</div>
												</div>
												<div class="col-sm-6">
													<div class="form-group">
														<label for="lastname">Last Name</label>
														<input type="text" class="form-control" id="lastname" placeholder="">
													</div>
													<div class="form-group">
														<label for="emailaddress">Email Address</label>
														<input type="email" class="form-control" id="emailaddress" placeholder="">
													</div>
													<div class="form-group">
														<label for="password1">Confirm Password</label>
														<input type="password" class="form-control" id="password1" placeholder="">
													</div>
												</div>
											</div>
										</fieldset>
										<fieldset title="2">
											<legend>登记单位职工资料 </legend>
											<div class="row m-t-20">
												<div class="col-sm-6">
													<div class="form-group">
														<label for="phonenumber">Phone Number</label>
														<input type="text" class="form-control" id="phonenumber" placeholder="">
													</div>
													<div class="form-group">
														<label for="address">Address</label>
														<input type="text" class="form-control" id="address" placeholder="">
													</div>
													<div class="form-group">
														<label for="aboutme">About Me</label>
														<textarea class="form-control" rows="5" id="aboutme"></textarea>
													</div>
												</div>
												<div class="col-sm-6">
													<div class="form-group">
														<label for="currentlocation">Current Location</label>
														<input type="text" class="form-control" id="currentlocation" placeholder="">
													</div>
													<div class="form-group">
														<label for="username">Freelance</label>
														<select class="form-control">
															<option>Available</option>
															<option>Unavailable</option>
														</select>
													</div>
												</div>
											</div>
										</fieldset>
										<fieldset title="3">
											<legend> 登记单位在职残疾人资料 </legend>
											<div class="row m-t-20">
												<div class="col-sm-6">
													<div class="form-group">
														<label>Facebook</label>
														<div class="input-group">
															<span class="input-group-addon"><i class="mdi mdi-facebook"></i></span>
															<input type="text" class="form-control" placeholder="Facebook url">
														</div>
													</div>
													<div class="form-group">
														<label>Linkdin</label>
														<div class="input-group">
															<span class="input-group-addon"><i class="mdi mdi-linkedin"></i></span>
															<input type="text" class="form-control" placeholder="Linkdin url">
														</div>
													</div>
													<div class="form-group">
														<label>Instagram</label>
														<div class="input-group">
															<span class="input-group-addon"><i class="mdi mdi-instagram"></i></span>
															<input type="text" class="form-control" placeholder="Instagram url">
														</div>
													</div>
												</div>
												<div class="col-sm-6">
													<div class="form-group">
														<label>Twitter</label>
														<div class="input-group">
															<span class="input-group-addon"><i class="mdi mdi-twitter"></i></span>
															<input type="text" class="form-control" placeholder="Twitter url">
														</div>
													</div>
													<div class="form-group">
														<label>Skype</label>
														<div class="input-group">
															<span class="input-group-addon"><i class="mdi mdi-skype"></i></span>
															<input type="text" class="form-control" placeholder="Skype url">
														</div>
													</div>
													<div class="form-group">
														<label>Pinterest</label>
														<div class="input-group">
															<span class="input-group-addon"><i class="mdi mdi-pinterest"></i></span>
															<input type="text" class="form-control" placeholder="Pinterest url">
														</div>
													</div>
												</div>
											</div>
										</fieldset>
										<fieldset title="4">
											<legend> 登记单位在职残疾人资料 </legend>
											<div class="row m-t-20">
												<div class="col-sm-6">
													<div class="form-group">
														<label>Facebook</label>
														<div class="input-group">
															<span class="input-group-addon"><i class="mdi mdi-facebook"></i></span>
															<input type="text" class="form-control" placeholder="Facebook url">
														</div>
													</div>
													<div class="form-group">
														<label>Linkdin</label>
														<div class="input-group">
															<span class="input-group-addon"><i class="mdi mdi-linkedin"></i></span>
															<input type="text" class="form-control" placeholder="Linkdin url">
														</div>
													</div>
													<div class="form-group">
														<label>Instagram</label>
														<div class="input-group">
															<span class="input-group-addon"><i class="mdi mdi-instagram"></i></span>
															<input type="text" class="form-control" placeholder="Instagram url">
														</div>
													</div>
												</div>
												<div class="col-sm-6">
													<div class="form-group">
														<label>Twitter</label>
														<div class="input-group">
															<span class="input-group-addon"><i class="mdi mdi-twitter"></i></span>
															<input type="text" class="form-control" placeholder="Twitter url">
														</div>
													</div>
													<div class="form-group">
														<label>Skype</label>
														<div class="input-group">
															<span class="input-group-addon"><i class="mdi mdi-skype"></i></span>
															<input type="text" class="form-control" placeholder="Skype url">
														</div>
													</div>
													<div class="form-group">
														<label>Pinterest</label>
														<div class="input-group">
															<span class="input-group-addon"><i class="mdi mdi-pinterest"></i></span>
															<input type="text" class="form-control" placeholder="Pinterest url">
														</div>
													</div>
												</div>
											</div>
										</fieldset>
										<fieldset title="5">
											<legend> 提交申报资料 </legend>
											<div class="row m-t-20">
												<div class="col-sm-6">
													<div class="form-group">
														<label>Facebook</label>
														<div class="input-group">
															<span class="input-group-addon"><i class="mdi mdi-facebook"></i></span>
															<input type="text" class="form-control" placeholder="Facebook url">
														</div>
													</div>
													<div class="form-group">
														<label>Linkdin</label>
														<div class="input-group">
															<span class="input-group-addon"><i class="mdi mdi-linkedin"></i></span>
															<input type="text" class="form-control" placeholder="Linkdin url">
														</div>
													</div>
													<div class="form-group">
														<label>Instagram</label>
														<div class="input-group">
															<span class="input-group-addon"><i class="mdi mdi-instagram"></i></span>
															<input type="text" class="form-control" placeholder="Instagram url">
														</div>
													</div>
												</div>
												<div class="col-sm-6">
													<div class="form-group">
														<label>Twitter</label>
														<div class="input-group">
															<span class="input-group-addon"><i class="mdi mdi-twitter"></i></span>
															<input type="text" class="form-control" placeholder="Twitter url">
														</div>
													</div>
													<div class="form-group">
														<label>Skype</label>
														<div class="input-group">
															<span class="input-group-addon"><i class="mdi mdi-skype"></i></span>
															<input type="text" class="form-control" placeholder="Skype url">
														</div>
													</div>
													<div class="form-group">
														<label>Pinterest</label>
														<div class="input-group">
															<span class="input-group-addon"><i class="mdi mdi-pinterest"></i></span>
															<input type="text" class="form-control" placeholder="Pinterest url">
														</div>
													</div>
												</div>
											</div>
										</fieldset>
										<button type="submit" class="btn btn-primary stepy-finish">Submit</button>
									</form>
								</div>
							</div>
						</div>
						<!-- end row -->
						<div class="row">
							<div class="col-md-12">
								<div class="card-box">
									<ul class="nav nav-tabs tabs-bordered">
										<li class="nav-item">
											<a href="#home-b1" data-toggle="tab" aria-expanded="false" class="nav-link active"> 确认基本资料 </a>
										</li>
									</ul>
									<div class="tab-content">
										<div class="tab-pane fade show active" id="home-b1">
											<div class="p-20">
												<form class="form-horizontal" role="form">
													<div class="form-group row">
														<label class="col-2 col-form-label">单位名称</label>
														<div class="col-5">
															<input type="text" class="form-control" value="Some text value...">
														</div>
														<label class="col-1 col-form-label">法人代表</label>
														<div class="col-4">
															<input type="text" class="form-control" value="Some text value...">
														</div>
													</div>
													<div class="form-group row">
														<label class="col-2 col-form-label">纳税人识别号</label>
														<div class="col-5">
															<input type="text" class="form-control" value="Some text value...">
														</div>
														<label class="col-1 col-form-label">单位性质</label>
														<div class="col-4">
															<input type="text" class="form-control" value="Some text value...">
														</div>
													</div>
													<div class="form-group row">
														<label class="col-2 col-form-label">统一社会信用代码</label>
														<div class="col-5">
															<input type="text" class="form-control" value="Some text value...">
														</div>
														<label class="col-1 col-form-label">所属地区</label>
														<div class="col-4">
															<input type="text" class="form-control" value="Some text value...">
														</div>
													</div>
													<div class="form-group row">
														<label class="col-2 col-form-label">组织机构代码</label>
														<div class="col-5">
															<input type="text" class="form-control" value="Some text value...">
														</div>
														<label class="col-1 col-form-label">成立日期</label>
														<div class="col-4">
															<input type="text" class="form-control" value="Some text value...">
														</div>
													</div>
													<div class="form-group row">
														<label class="col-2 col-form-label">主管税务机关</label>
														<div class="col-5">
															<input type="text" class="form-control" value="Some text value...">
														</div>
													</div>
													<div class="form-group row">
														<label class="col-2 col-form-label">联系人<span class="text-danger">*</span></label>
														<div class="col-5">
															<input type="text" class="form-control" value="Some text value...">
														</div>
														<label class="col-1 col-form-label">联系电话<span class="text-danger">*</span></label>
														<div class="col-4">
															<input type="text" class="form-control" value="Some text value...">
														</div>
													</div>
													<div class="form-group row">
														<label class="col-2 col-form-label">单位地址<span class="text-danger">*</span>	</label>
														<div class="col-5">
															<input type="text" class="form-control" value="Some text value...">
														</div>
														<label class="col-1 col-form-label">邮政编码<span class="text-danger">*</span></label>
														<div class="col-4">
															<input type="text" class="form-control" value="Some text value...">
														</div>
													</div>
													<div class="form-group row">
														<label class="col-2 col-form-label"> 备注信息	</label>
														<div class="col-10">
															<textarea class="form-control" rows="3"></textarea>
														</div>
													</div>
													<button type="submit" class="btn btn-purple waves-effect waves-light">Submit</button>

												</form>
											</div>
										</div>
									</div>
								</div>
							</div>

							<!-- end col -->
						</div>
						<!-- end row -->

						<!-- end row -->
					</div>
					<!-- container -->
				</div>
				<!-- content -->
				<footer class="footer text-right">
					2017 © Adminox. - Coderthemes.com
				</footer>
			</div>
			<!-- ============================================================== -->
			<!-- End Right content here -->
			<!-- ============================================================== -->
		</div>
		<!-- END wrapper -->
		<!-- jQuery  -->
		<script src="assets/js/jquery.min.js"></script>
		<script src="assets/js/tether.min.js"></script>
		<!-- Tether for Bootstrap -->
		<script src="assets/js/bootstrap.min.js"></script>
		<script src="assets/js/metisMenu.min.js"></script>
		<script src="assets/js/waves.js"></script>
		<script src="assets/js/jquery.slimscroll.js"></script>
		<!--Form Wizard-->
		<script src="plugins/jquery.stepy/jquery.stepy.min.js" type="text/javascript"></script>
		<!--wizard initialization-->
		<script src="assets/pages/jquery.wizard-init.js" type="text/javascript"></script>
		<!-- App js -->
		<script src="assets/js/jquery.core.js"></script>
		<script src="assets/js/jquery.app.js"></script>
	</body>

</html>